//遍历输出商品
function cycleContent(data) {
    //回到页面顶部
    $(window).scrollTop(0);
    //开始循环
    $.each(data, function (index, value) {
        if(value.show_state == "true"){
            show_state = 'check';
        }else{
            show_state = 'clear';
        }
        html = `
            <tr>
                <td>${value.id}</td>
                <td>
                    <img style="width: 40px;" class="lazy-load" data-original="${value.image}" />
                </td>
                <td>${value.name}</td>
                <td><i class="mdui-icon material-icons">${show_state}</i></td>
                <td>
                    <a href="/v/user/project/app/project-edit/id/${value.id}">编辑</a>|<a href="#" id="${value.id}" class="js-btn-delete">删除</a>
                </td>
            </tr>
            `
        $('.js-cycle-guide').append(html);
    })
    //JS-动态懒加载
    $("img.lazy-load").lazyload({
        placeholder: "https://file.fatda.cn/directlink/Loc-1/1920x1080%E5%9F%BA%E5%9B%BE-%E5%8E%8B%E7%BC%A92.gif",
        effect: "show", //渐现，show(直接显示),fadeIn(淡入),slideDown(下拉)
        threshold: 180, //预加载，在图片距离屏幕180px时提前载入
        event: 'scroll',  // 事件触发时才加载，click(点击),mouseover(鼠标划过),sporty(运动的),默认为scroll（滑动）
        failure_limit: 1 //加载2张可见区域外的图片,lazyload默认在找到第一张不在可见区域里的图片时则不再继续加载,但当HTML容器混乱的时候可能出现可见区域内图片并没加载出来的情况
    })

    //项目删除按钮 
    $('.js-btn-delete').click(function () {
        data = {'id': $(this).attr('id'), 'UUID' : $.cookie('UUID')};
        result = apiAjax0(data, apiUrlProjectDeletProject, 'DELETE');//提交请求
        if (result) {
            //成功
            mdui.snackbar({
                message: '删除成功',
                position: 'left-top'
            });
            $(this).parent().parent().remove();
        }
    });
}

$(function () {
    //初始加载
    data = {'page': 1, 'UUID' : $.cookie('UUID')};
    result = apiAjax0(data, apiUrlUserGetProjectList);//请求分页数据
    if (result) {
        //分页数据处理
        cycleContent(result.data.data);
        //分页按钮处理
        Page(1, result.data.lastPage);
    }else{
        $('.js-page-btn-group').remove();
    }

    //翻页按钮
    $('.js-btn-page').click(function () {

        if (Number($(this).text())) {
            nowPage = $(this).text();
        } else {
            nowPage = 1;
        }

        data = {'page': nowPage, 'UUID' : $.cookie('UUID')};
        result = apiAjax0(data, apiUrlUserGetProjectList);//请求分页数据
        if (result) {
            //清除前数据
            $(".js-cycle-guide").empty();
            //分页数据处理
            cycleContent(result.data.data);
            //分页按钮处理
            Page(1, result.data.lastPage);
        }

        lastPage = result.data.lastPage;

        if ($(this).attr('id') == 'js-btn-page-0') {
            nowPage = 1;
        } else if ($(this).attr('id') == 'js-btn-page-5') {
            nowPage = lastPage;
        }

        Page(nowPage, lastPage)
    });



})